<template >
  <vxe-table
    id="Table"
    border
    show-header-overflow
    show-overflow
    highlight-hover-row
    auto-resize
    max-height="395"
    align="center"
    :data="tableData">
    <vxe-table-column field="address" title="报警时间" min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="变量名称"min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="报警类型"min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="报警区"min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="报警急事"min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="报警值"min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="恢复时间" min-width="130"></vxe-table-column>
    <vxe-table-column field="address" title="变量说明"min-width="130"></vxe-table-column>
    <!-- <vxe-table-column field="address" title="限值"></vxe-table-column> -->
  </vxe-table>
</template>

<script>
  export default{
    data(){
      return{
        tableData:[{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        },{
          address:'啊啊啊啊啊啊'
        }]
      }
    }
  }
</script>

<style>
  /* 在全局CSS里引用: */
/* 滚动条宽度 */
#Table  ::-webkit-scrollbar {
 width: 31px;
 height: 5px;
}
/* 滚动条的滑块 */
#Table  ::-webkit-scrollbar-thumb {
 background-color: #409EFF;
 border-radius: 10px;
}

</style>
